@import './variable.scss';

/* 下拉选默认 */
.default-select-popper[x-placement^='top'] .popper__arrow {
  border-top-color: #2e83bb !important;
}
.default-select-popper[x-placement^='top'] .popper__arrow::after {
  border-top-color: rgba(#1a4969, 0.7) !important;
}
.default-select-popper[x-placement^='bottom'] .popper__arrow {
  border-bottom-color: #2e83bb !important;
}
.default-select-popper[x-placement^='bottom'] .popper__arrow::after {
  border-bottom-color: rgba(#1a4969, 0.7) !important;
}
.default-select-popper {
  border-color: #2e83bb;
  opacity: 0.96;

  .el-scrollbar {
    background-color: rgba(#1a4969, 0.9);
  }

  .el-select-dropdown__item {
    color: #ffffff !important;
    font-size: px(16);
    padding: 0 px(20);
    height: px(34);
    line-height: px(34);
  }
  .el-select-dropdown__item.hover,
  .el-select-dropdown__item:hover {
    background-color: #3399ff !important;
  }
  .el-autocomplete-suggestion__list li{
    color: #ffffff !important;
  }
  .el-autocomplete-suggestion__list li:hover {
    background-color:  #3399ff !important;
  }
  
}
// el-form
.el-form.detail {
  .el-textarea__inner,
  .el-input__inner {
    border: 0 rgba(gray, 0.8) !important;
    cursor: default !important;
  }
  .el-input__suffix-inner {
    display: none;
    cursor: default !important;
  }
}

// el-tree
.el-tree {
  &.is-leaf-checkbox {
    .el-tree-node {
      .is-leaf + .el-checkbox .el-checkbox__inner {
        display: inline-block;
      }
      .el-checkbox .el-checkbox__inner {
        display: none;
      }
    }
  }
}

.custom-warning-notification{
  width: px(330);
  min-height: px(100);
  top: px(140) !important;
  .el-notification__content{
    color: red;
    font-size: px(14);
    white-space:normal;
    word-break:break-all;
    word-wrap:break-word; 
  }
  
}

.el-tooltip__popper.video_plate{
  font-size: px(14);
}


.el-message-box__wrapper{
  .custom-message-box{
    width: px(420);
    font-size: px(20);
    .el-message-box__header{
      padding: px(15) px(15) px(10);
    }
    .el-message-box__title{
      font-size: px(20);
    }
    .el-message-box__content{
      font-size: px(18);
      padding: px(10) px(15);
    }
    .el-message-box__btns{
      padding: px(5) px(15) 0;
      .el-button{
        font-size: px(16);
      }
      .el-button--small{
        padding: px(9) px(15);
        border-radius: px(3)
      }
    }
  }

}

.el-loading-mask{
  .el-loading-spinner{
    font-size: px(14);
    .el-loading-text{
      font-size: px(14);
    }
  }
}

.custom-daterange-popper{
  width: px(646);
  margin-top: px(12);
  line-height: px(30);
  margin: px(5) 0;
  border-radius: px(4);
  .el-date-range-picker__header div{
    font-size: px(16);
    margin-left: px(50);
    margin-right: px(50);
  }
  .el-picker-panel__body{
    min-width: px(513);
    .el-date-range-picker__editor{
      .el-input__inner {
        height: px(32);
        line-height: px(32);
        padding: 0 px(15);
        font-size: px(12);
    }
    }
  }
  .el-picker-panel__icon-btn{
    margin-top: px(8);
    font-size: px(12);
  }
  .el-date-table{
    font-size: px(12);
    td{
      width: px(32);
      height: px(30);
      padding: px(4) 0;
      span{
        width: px(24);
        height: px(24);
        line-height: px(24);
      }
    }
  }
  .el-picker-panel__footer{
    .el-picker-panel__link-btn{
      font-size: px(12);
    }
  }
}

.custom-daterange-popper[x-placement^=bottom] {
  margin-top: px(12);
}


.custom-tree-node-tooltip-popper{
  font-size: px(18);
}